@charset "utf-8";
/* CSS Document */


body{font-family:"Microsoft Yahei";font-size:14px;color:#4F4F4F;}

/*******导航***********/
header{width:100%; z-index:9; background:#fff; min-width:1200px;}

.head_m{ background: url(../images/top_bg.jpg) center no-repeat; width:100%; height:33px;}
.head_m .zi{ line-height:33px; font-size:12px; color:#fff;}
.head_m .lang{ line-height:33px; font-size:14px; color:#4a4a4a;}
.head_m .lang a{ margin-left:15px;color:#4a4a4a;font-size:14px; padding-left:20px;}

.head_logo{height: 110px;line-height: 80px;padding: 15px 0px;}
.head_logo .logo{}

.head_logo .logo_zi{padding-left: 20px;border-left: 1px solid #ddd;margin-left: 20px;margin-top: 10px;}
.head_logo .logo_zi p:first-child{color:#f00001;font-size:24px;font-weight:bold;line-height: 40px;}
.head_logo .logo_zi p:last-child{color:#666666;font-size: 13px;line-height:20px;letter-spacing: 2px;}

.head_logo .phone {width: auto;float: right;overflow: hidden;color: #f00001;background: url(../images/phone.png) no-repeat left bottom;padding-left: 80px;margin-left:6%;margin-top: 10px;}
.head_logo .phone b {display:block;font-size: 18px;line-height: 35px;color: #333;}
.head_logo .phone span {display:block;font-size: 25px;line-height: 1;font-weight: bold;}


.search_box{margin-top: 21px;position:relative;float:right;}
#search{ display:inline-block;}
#search .ss_txt{outline:none;width: 260px;height: 38px;line-height: 38px;border:1px solid #e9e9e9;float:left;font-size:14px;overflow:hidden;padding-left:5px;}
#search .ss_bott{outline:none; width:40px; height:38px;border:none; background:#f00001 url(../images/search.png) no-repeat center; cursor:pointer; overflow:hidden; }
.search_box p{ margin-top:20px;}
.search_box b{ color:#464646; font-size:14px; }
.search_box a{ color:#464646; font-size:14px; margin:0px 5px; }
.search_box a:hover{ color:#556fb5; font-weight:bold;}

.b_bg{ width:100%;border-top:1px solid #ddd; background:#f00001;}
.head{ margin:0px auto;max-width:1200px; height:50px; text-align:left; position:relative;}
.head .nav{ width:100%;}
.head .nav li{ display:inline-block;width:12.2%; zoom:1; height:50px; position:relative; vertical-align:top;}
.head .nav li a{ font-size:16px; width:100%; height:50px; text-align:center; line-height:50px; color:#fff;display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.head .nav li.now a,.head .nav li:hover a{ color:#FFF; background:#a40000;}

.head .nav li:hover .er{ display:block;}
.head .nav li .er{ width:100%; position:absolute; left:0px; top:50px; z-index:999; display:none;}
.head .nav li .er ul{ width:100%; height:auto; background:rgba(164, 0, 0, 0.6);}
.head .nav li .er ul li{ width:100%; height:40px; line-height:40px; text-align:center; margin-left:0;}
.head .nav li .er ul li a{ width:100%; font-size:15px; height:40px; line-height:40px;margin-top:0; }
.head .nav li:hover .er  ul li a{ background:none; color:#fff;}
.head .nav li .er ul li a:hover{ color:rgba(200, 33, 41, 1);}

/*---------标题--------*/
.in_jcfw_tit{padding: 40px 0; display: block;position: relative; }
.in-jcfw_ywzk{font-size: 48px; color: #efeeee; display: block;height: 0; font-weight: bold;text-align: center; line-height: 60px;}

.in_jcdfwl_wzkd{width: 230px;margin: 0 auto;display: block;top: 0;position: relative;}
.in_jcdfwl_wzkd b{position: absolute; width: 30px; height: 2px; display: block; background: #f00001;}
.in_jcdfwl_wzkd b.in_jcfw_left{left: 0; top: 30px;}
.in_jcdfwl_wzkd b.in_jcfw_right{right: 0; top: 30px;}
.in_wzkhdf{font-size:30px;color: #f00001;display: block;line-height: 60px;text-align: center;}


/*---------产品分类--------------*/
.pro_type{ width:100%; overflow:hidden; padding:40px 0px;}
.sort_box{position:relative;width:33.3%; float:left; padding:10px;}
.sort_box .sort_img{ width:100%; position:relative; overflow:hidden;}
.sort_box img{ width:100%;transition: all 0.3s; -webkit-transition: all 0.3s;}
.sort_box .sort_info{ width:100%; height:100%; display:block; background:rgba(0, 0, 0, 0.2); position:absolute; left:0; bottom:0;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.sort_box h6{line-height:1.5; display:block; font-size:1.2rem; color:#fff; position: absolute;left: 5%;bottom: 20%;}
.sort_box p{line-height:1.5;  display:block; font-size:1.2rem; color:#fff; position: absolute;left: 5%;bottom: 15%;}
.sort_box:hover .sort_img img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}


/***********公司简介*************/
.index_about_bg{ width:100%; overflow:hidden; padding:70px 0px;background:#fff; }

@media (max-width: 1681px){.index_about_bg{padding-top:80px;padding-bottom:80px}}
@media (max-width: 1180px){.index_about_bg{padding-top:40px;padding-bottom:40px}}
@media (max-width: 968px){.index_about_bg{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:20px}}
.index_about_bg .txt{width:50%;padding-right:90px; display:inline-block; float:left;}
@media (max-width: 1681px){.index_about_bg .txt{padding-right:60px}}
@media (max-width: 968px){.index_about_bg .txt{width:100%;padding-right:0;margin-bottom:40px}}
.index_about_bg .index_title span {
    display: block;
    font-size: 20px;
    line-height: 1;
    margin: 0 0 10px;
    color: #f00001;
    font-family: "CenturyGothicRegular";
}
.index_about_bg .index_title b {
    display: block;
    font-size: 30px;
    line-height: 1;
    color: #000;
}
.index_about_bg .index_title:after {
    content: "";
    display: block;
    width: 55px;
    height: 2px;
    line-height: 1px;
    background-color: #f00001;
    margin: 10px 0 15px;
}
.index_about_bg  .index_span{ margin-bottom:5px;}
.index_about_bg  .index_span span{ display:inline-block; font-size:16px; color:#fff; background:#f00001; padding:8px 15px; border-radius:5px;}


.index_about_bg .txt .des{color:#333;font-weight:lighter}
.index_about_bg .txt .des p{color:#333; line-height:1.7;font-weight:lighter}

@media (max-width: 668px){.index_about_bg .txt .des{font-weight:normal}}
.index_about_bg .txt .icons{margin:30px 0}
.index_about_bg .txt .icons>ul{margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
@media (max-width: 668px){.index_about_bg .txt .icons>ul{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}}
.index_about_bg .txt .icons>ul>li{list-style-type:none;margin-right:60px}
@media (max-width: 1380px){.index_about_bg .txt .icons>ul>li{margin-right:50px}}
@media (max-width: 668px){.index_about_bg .txt .icons>ul>li{width:25%;margin-right:0}}
.index_about_bg .txt .icons>ul>li>a{display:block}
.index_about_bg .txt .icons>ul>li>a .icon{width:82px;height:82px;border:1px solid #bababa;-webkit-border-radius:100%;border-radius:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
@media (max-width: 1380px){.index_about_bg .txt .icons>ul>li>a .icon{width:72px;height:72px}}
@media (max-width: 668px){.index_about_bg .txt .icons>ul>li>a .icon{width:50px;height:50px;margin:0 auto}}
.index_about_bg .txt .icons>ul>li>a .icon i{ font-size:40px;color:#bababa; font-style: normal;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
@media (max-width: 668px){.index_about_bg .txt .icons>ul>li>a .icon i{width:20px;height:20px}}
.index_about_bg .txt .icons>ul>li>a span{display:block;color:#666;font-size:16px;line-height:20px;text-align:center;margin-top:10px;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
@media (max-width: 1681px){.index_about_bg .txt .icons>ul>li>a span{font-size:14px}}
.index_about_bg .txt .icons>ul>li>a:hover .icon{background-color:#f00001;border-color:#f00001}
.index_about_bg .txt .icons>ul>li>a:hover .icon i{color:#fff}
.index_about_bg .txt .icons>ul>li>a:hover span{color:#f00001}
.index_about_bg .txt .more{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.index_about_bg .txt .more a{width:150px;height:40px;line-height:40px;text-align:center;-webkit-border-radius:20px;border-radius:20px;background-color:#f00001;color:#fff;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
@media (max-width: 1681px){.index_about_bg .txt .more a{width:130px;font-size:14px}}
.index_about_bg .txt .more a:hover{background-color:#f08300}
.index_about_bg .img{width:50%;padding:0px;position:relative;display:inline-block;}
@media (max-width: 968px){.index_about_bg .img{width:100%;padding:0}}
.index_about_bg .img img{width:100%;position:relative;z-index:2}
.index_about_bg .img:before{content:"";display:block;width:210px;height:160px;background:url(../img/index__intro-img-bg01.jpg) repeat;position:absolute;left:0;top:-30px;z-index:1}@media (max-width: 968px){.index_about_bg .img:before{left:-10px;top:-10px}}
.index_about_bg .img:after{content:"";display:block;width:80px;height:80px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-image:url(../img/index__intro-img-bg02.png);position:absolute;right:0;bottom:-30px;z-index:1}@media (max-width: 968px){.index_about_bg .img:after{right:-10px;bottom:-10px}}



.about_bg{width:100%;background:#eee; padding:60px 0px 50px;}
.counter{overflow:hidden;}
.col_fourth {width:25%;float:left;position: relative;text-align: center;display: inline-block;float: left;color:#333}
.col_fourth:last-child {border-right:none;}
.count-title { text-align: center; font-weight: normal}
.count-title span{font-size: 60px; font-weight:bold; color:#f00001; line-height: 1; }
.count-title em{font-size: 16px;color: #f00001;line-height: 1;}
.count-text { font-size:14px;color:#333; line-height:20px; margin-top:20px;}


/*--------产品-------------*/
.pro_bg{ background:#f7f7f7; width:100%;padding:40px 0px 40px;}
.pro_box{ overflow:hidden;}
.projectitem { width:calc(25% - 15px);margin: 0 20px 25px 0; height: 300px; position: relative;   float: left;}
.projectitem:nth-child(4n) { margin-right: 0;}
.projectitem a { display: block; overflow: hidden;}
.projectitem .project_img {background:#000; text-align:center;}
.projectitem a img { float: none; width: 100%;height: 250px;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.projectitem a .project_info {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);position: absolute;top: 0;left: 0;transition: all ease-out 0.3s;}
.projectitem a .project_info div { height: 50px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute; bottom: 0px; top: auto;width: 100%;background: #fff;}
.projectitem a .project_info div::before { content: "";position: absolute; width: 100%;height:99%;border-bottom: 1px solid rgba(0, 0, 0, 0.1);left: 0;}
.projectitem a .project_info div:after { content: ""; width: 37px; height: 20px; display: block;position: absolute; top: 50%;right: 2px; background:url(../images/icon.png)no-repeat -30px -66px;transition: all 0.3s ease-out 0s; margin-top: -11px; border-left: 1px solid rgba(0, 0, 0, 0);}
.projectitem a .project_info .title {
    font-size: 15px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 50px;
    line-height: 50px;
    margin: 0px;
    padding: 0px 30px 0px 20px;
}

.projectitem a .project_info .subtitle {
    color: #b7b7b7;
    display: block;
    height: 20px;
    line-height: 24px; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px;
    padding: 0px 60px 0 20px;
}

.projectitem a:hover img {transform: scale(1.1, 1.1);}
.projectitem:hover a .project_info {background: rgba(0, 0, 0, 0.5);}
.projectitem:hover a .project_info div:after { background: url(../images/icon.png)no-repeat 16px -66px; border-left: 1px solid rgba(0, 0, 0, 0.1);}


#demo {overflow:hidden;width: 1200px;}
#demo img {padding: 0px;border: 1px solid #ddd; vertical-align: middle;}
#indemo {float: left;width: 1000%;}
#demo1 {float: left;}
#demo2 {float: left;}




/***********æ–°é—»************/
.news_bg{ width:100%;overflow: hidden;background:#fff;padding:40px 0 60px; min-width:1200px;}
.new_cont{margin:40px auto 0 auto;overflow: hidden;}
.new_lf{ float:left; width:42%; background:#f00001;}
.new_lf .new_img{ width:100%; overflow:hidden;height:240px;}
.new_lf .new_img img{width:100%;}

.new_lf .new_nr{width:100%; padding: 28px 20px; overflow:hidden; box-sizing:border-box;}
.new_lf .data{ float:left; width:60px;line-height:1.5;text-align:center;}
.new_lf .data .ri{font-size: 36px;font-weight: bold; color:#fff;letter-spacing: 1px; }
.new_lf .data .year{font-size:13px;color: rgba(255, 255, 255, .6);}
.new_lf .new_text{width:calc(100% - 80px);}
.new_lf h3{color:#fff;font-size:16px;line-height: 1.5;padding-bottom: 5px;font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;border-bottom:1px solid rgba(255, 255, 255, .2);}
.new_lf p{color:rgba(255, 255, 255, .7);font-size:13px;line-height: 1.5;margin-top: 5px;}


.new_rf .new_nr{width:100%; padding:0px 0px 20px; overflow:hidden; box-sizing:border-box;}
.new_rf .data{ width:60px;line-height:1.5;text-align:center;}
.new_rf .data .ri{font-size: 36px;font-weight: bold; color:#888;letter-spacing: 1px; transition: all 0.36s ease;}
.new_rf .data .year{font-size:13px;color:#868585;transition: all 0.36s ease;}
.new_rf .data .more{ display:inline-block; float:right; background:url(../images/icon_jt.png) left 30px center no-repeat; width:60px; height:40px;ransition: all 0.36s ease;}

.new_rf .new_text{width:calc(100% - 100px);}
.new_rf h3{ color:#333; font-size:16px; transition: all 0.36s ease; line-height:2; padding-bottom:5px; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; border-bottom:1px solid rgba(0, 0, 0, .1);}
.new_rf p{ color:#868585; font-size:13px; line-height:26px; margin-top:10px;}
.new_rf .new_nr:hover h3{ color:#c00000; padding-left:10px;}
.new_rf .new_nr:hover .more{background:url(../images/icon_jt1.png) left 35px center no-repeat;}

.new_rf{ width:53%; float:right;}
.new_rf ul{ }
.new_rf ul li{ border-bottom:1px solid rgba(0, 0, 0, 0.1);line-height: 2;padding-bottom: 8px; margin-bottom:8px;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.new_rf ul li a{color:#333;font-size: 15px;transition: all 0.36s ease; font-weight:bold;}
.new_rf ul li span{color:#868585;font-size: 13px; float:right;transition: all 0.36s ease;}
.new_rf ul li:hover a{ color:#c00000; padding-left:10px;}
.new_rf ul li:hover span{ color:#c00000; padding-right:10px;}

/*------------联系我们--------------*/
.footer-top{ min-width:1200px;background:url(../images/contact_bg.jpg) center center no-repeat;;padding:40px 0px 0px;position: relative;border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.footer-top .f-text{line-height:2;font-size:20px;color: rgba(255, 255, 255, 1);padding-bottom:10px;border-bottom:1px solid rgba(255, 255, 255, 0.2);}

.f-nav-box{margin:40px 0 40px; overflow:hidden;}
.footer-top .f-nav {width:75%;}
.footer-top .f-nav li{float:left;width:20%;}
.footer-top .f-nav li a{display: block;font-size: 14px;color:rgba(255, 255, 255, 0.8);line-height: 24px;transition:all .3s linear;}
.footer-top .f-nav li .tit{font-size: 16px;color:rgba(255, 255, 255, 1);margin-bottom: 8px;}
.footer-top .f-nav li a:hover{ color:#f00001;}


.lixi{}
.lixi a.tit{ color:rgba(255, 255, 255, 1); font-size:16px;margin-bottom: 8px; line-height:30px;}
.footer-right-address {font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.8);}
.footer-right-address .footer-company, .footer-right-address .work-h5, .footer-right-address .ser-line { color: rgba(255, 255, 255, 0.8);margin-top:12px; }
.footer-right-address .footer-add-h5 {font-size: 15px; padding-left: 15px;color: #f00001; margin-top:20px; margin-bottom:10px; background: url(/i/images/add.png) no-repeat left center;}


.footer-bottom{position: relative;z-index: 9; padding:20px 0 20px; overflow:hidden;}
.footer-bottom .copy,
.footer-bottom .copy a,
.footer-bottom .beian,.footer-bottom .beian a{font-size: 14px;color:rgba(255, 255, 255, 0.8);transition:all .3s linear;}
.footer-bottom .beian{margin-right:20px;}
.footer-bottom .copy a:hover{color:#fff;}